<template>
  <!-- 空数据展示组件 -->
  <div class="nodata_container">
    <img
      class="img_styl"
      :style="{ 'width':widthImg,'height':heightImg, 'margin-top': marginTopImg}"
      src="@/assets/images/nodata.png"
      alt
      srcset
    />
    <div
      class="title_styl"
      :style="{ 'fontSize':fontSize }"
    >{{ titleContent }}</div>
  </div>
</template>

<script>
export default {
  name: "QdNoData",
  components: {},
  props: {
    widthImg: {
      type: String,
      default: '24%'
    }, // 图片宽度
    heightImg: {
      type: String,
      default: '42%'
    }, // 图片高度
    marginTopImg: {
      type: String,
      default: '-50px'
    }, // 图片margin
    titleContent: {
      type: String,
      default: "暂无数据 ~"
    }, // 提示title
    fontSize: {
      type: String,
      default: '15px'
    } // 提示title文字大小
  },
  data() {
    return {};
  },
  computed: {},
  mounted() { },
  methods: {}
};
</script>

<style lang="less" scoped>
@import "~@/assets/styles/main.less";

.nodata_container {
  .flex-y();
  width: 100%;
  height: 100%;
  //   .img_styl {
  //     margin-top: -50px;
  //   }
  .title_styl {
    margin-top: 10px;
    color: #9e9e9e;
  }
}
</style>